/* 
+---------------------------------------------------------------------------+
| Universidad de El Salvador                                                |
| Facultad de Ingenieria y Arquitectura                                     |
| Escuela de sistemas Informaticos                                          |
| Trabajo de Graduacion (TBS115)                                            |
|                                                                           |
|   * Copyright (c) 2011.                                                   |
|   * Desarrollado para TBS115 por: Ing. Juan Carlos Menjivar Miranda       |  
|   * MM04132 - JuanC2011                                                   |
+---------------------------------------------------------------------------+
*/

/* Estilos para FONDOS*/
.fondo-principal{
	background-image: url(../Imagenes/Fondo-01.png);
	background-repeat:repeat-x;
}

.borde-cuadrado{
	border:1px solid #1AAAF0;
	padding:0px;
	margin:0px;
}
.borde-redondo{ /*para cualquiera menos IE, ahi se vera cuadrado*/
	border:1px solid #1AAAF0;
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	/*para Mozilla*/
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	/**/
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-top-radius: 5px;
	-webkit-border-bottom-bottom-radius: 5px;
}
.borde-izquierdo{
	border-left:1px solid #1AAAF0;
}
.borde-derecho{
	border-right:1px solid #1AAAF0;
}
.borde-arriba{
	border-top:1px solid #1AAAF0;
}
.borde-abajo{
	border-bottom:1px solid #1AAAF0;
}
.separador{
	border-bottom:1px solid #1AAAF0;
	padding-top:8px;
	margin-bottom:8px;
	text-align:left;
	color:#1A9AF0;
	font-weight:bold;
}

/* Estilos para TABLAS*/
.tabla-general{
	width:100%;
	border-collapse: collapse;
	border-spacing:0px;
	text-align:left;
	font-weight:normal;
	float:left;
	padding:0px;
	margin:0px;
	border:0px solid #0e7aa7;
}
.tabla-general thead {
	font-weight:bold;
	background-color: #86B5D9;
	color:#222222;
	border:1px solid #0e7aa7;
}
.tabla-general tr {
	padding:2px;
	border:0px solid #9CC;
	text-align:left;
	border:1px solid #D5E7EE;
}
.tabla-general td {
	padding:2px;
	border:0px solid #9CC;
	text-align:left;
	border:1px solid #D5E7EE;
}
td {
	padding:2px;
	margin:2px;
}
.tabla-sebra tr:nth-child(even) td, .tabla-sebra tr.even td {
	background:#e5ecf9;
}
.tabla-menu{
	width:550px;
	border-spacing:0;
	padding:10px;
	margin:2px;/*10px*/
	/*border:1px solid #0e7aa7;
	background-color:#e2e8e7;*/
	width:500px;
	height:500px;
	background-image:url(../Imagenes/Menu_principal.png);
	background-repeat:no-repeat;
}
.menu_img{
	width:500px;
	height:500px;
	background-image:url(../Imagenes/Menu_principal.png);
	background-repeat:no-repeat;
	margin-left:15px;
}
.menu-panel1, .menu-panel2, .menu-panel3, .menu-panel4, .menu-panel5, .menu-panel6, .menu-panel7, .menu-panel8{
	width:120px;
	height:120px;
	padding-left:0px;
	margin:0px;
	display: block;
	border:0px solid #777777;/* #AEE2AF*/
}
.menu-panel1{
	background-image: url(../Imagenes/Panel/Estadistica.png);
	background-repeat:no-repeat;
	
}
.menu-panel1:hover{
	background-image: url(../Imagenes/Panel/EstadisticaH.png);
	background-repeat: no-repeat;
	cursor:hand;
}
.menu-panel2{
	background-image: url(../Imagenes/Panel/Reportes.png);
	background-repeat:no-repeat;
}
.menu-panel2:hover{
	background-image: url(../Imagenes/Panel/ReportesH.png);
	background-repeat: no-repeat;
	cursor:hand;
}
.menu-panel3{
	background-image: url(../Imagenes/Panel/Credenciales.png);
	background-repeat:no-repeat;
}
.menu-panel3:hover{
	background-image: url(../Imagenes/Panel/CredencialesH.png);
	background-repeat: no-repeat;
	cursor:hand;
}
.menu-panel4{
	background-image: url(../Imagenes/Panel/Abrir.png);
	background-repeat:no-repeat;
}
.menu-panel4:hover{
	background-image: url(../Imagenes/Panel/AbrirH.png);
	background-repeat: no-repeat;
	cursor:hand;
}
.menu-panel5{
	background-image: url(../Imagenes/Panel/Asambleas.png);
	background-repeat:no-repeat;
}
.menu-panel5:hover{
	background-image: url(../Imagenes/Panel/AsambleasH.png);
	background-repeat: no-repeat;
	cursor:hand;
}
.menu-panel6{
	background-image: url(../Imagenes/Panel/Historial.png);
	background-repeat:no-repeat;
}
.menu-panel6:hover{
	background-image: url(../Imagenes/Panel/HistorialH.png);
	background-repeat: no-repeat;
	cursor:hand;
}
.menu-panel7{
	background-image: url(../Imagenes/Panel/Buscar.png);
	background-repeat:no-repeat;
}
.menu-panel7:hover{
	background-image: url(../Imagenes/Panel/BuscarH.png);
	background-repeat: no-repeat;
	cursor:hand;
}
.menu-panel8{
	background-image: url(../Imagenes/Panel/Usuario.png);
	background-repeat:no-repeat;
}
.menu-panel8:hover{
	background-image: url(../Imagenes/Panel/UsuarioH.png);
	background-repeat: no-repeat;
	cursor:hand;
}
/*.menu-panel1:active, .menu-panel2:active, .menu-panel3:active, .menu-panel4:active {
	border:1px solid #AA0000;*/
}
.tabla-login{
	border-top:1px solid #0e7aa7;
	border-bottom:1px solid #0e7aa7;
	padding:0px;
	margin:0px;
	background-color:#f5fafb;
}
.tabla-login td {
	padding:0px;
	margin:0px;
	vertical-align: top;
}
.tabla-login img{
	margin-top:0px;
	padding:0px;
}

/* Estilos para HEADER*/
.header{
	height:150px;
	color:#444444;
	background-image: url(../Imagenes/Header-01.png);
	background-repeat:no-repeat;	

}
.header h1{
	color:#555555;
	padding-right:35px;
	padding-top:20px;
	margin-bottom:0px;
	text-align:right;
}
.header p{
	color:#555555;
	padding-right:30px;
	padding-top:2px;
	text-align:right;
	line-height:0.01em;
	position:relative;
}
.conten-logo-insafocoop{
	height:150px;
	padding:4px;
	margin-top:2px;/*10px*/
	background-image: url(../Imagenes/Header-04.png);
	background-repeat: repeat-x;
	border:1px solid #0e7aa7;
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	/*para Mozilla*/
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
}
.logo-insafocoop{
	background-image: url(../Imagenes/Header-02.png);
	background-repeat: no-repeat;
	height:140px;
	margin-left:18px;
}
.logo-gobierno{
	background-image: url(../Imagenes/Header-03.png);
	background-repeat: no-repeat;
	width:188px;
	height:140px;
	padding:0px;
	margin-top:15px;
	margin-left:0px;
	border:0px solid #0e7aa7;
	position:absolute;
}
.logo-gobierno2{
	background-image: url(../Imagenes/Header-05.png);
	background-repeat: no-repeat;
	height:140px;
	margin-left:18px;
	margin-top:15px;
}
.conten-logos{
	height:400px;
	padding:4px;
	margin-top:2px;/*10px*/
	margin-bottom:10px;
	background-image: url(../Imagenes/Header-04.png);
	background-repeat: repeat-x;
	border:1px solid #0e7aa7;
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	/*para Mozilla*/
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	/**/
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-top-radius: 5px;
	-webkit-border-bottom-bottom-radius: 5px;
}
.logo-sirac{
	background-image: url(../Imagenes/Sirac.png);
	background-repeat: no-repeat;
	height:90px;
	margin-left:20px;
}
.logo-ues{
	background-image: url(../Imagenes/Header-07.png);
	background-repeat: no-repeat;
	height:140px;
	margin-left:20px;
	margin-bottom:10px;
}
.logo-eisi{
	background-image: url(../Imagenes/Header-06.png);
	background-repeat: no-repeat;
	height:140px;
	margin-left:20px;
	margin-bottom:10px;
}

/*Estilos para MENU VERTICAL*/
.menu-vertical{
	margin-top: 2px; /*10px*/
}
.menu-vertical p{	
	padding: 1px;
	margin:0px;
	color:#000000;
	font-weight: bold;
	text-align:center;
	background-color: #24c60e;
	border:1px solid #0e7aa7;
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	/*para Mozilla*/
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
}
.menu-vertical ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
.menu-vertical li{
	margin:0px;
	padding: 2px;
	border-bottom:1px solid #0e7aa7;
	border-left:1px solid #0e7aa7;
	border-right:1px solid #0e7aa7;
	list-style: none;
	color:#000000;
	text-align:left;
	padding-left:35px;
	background: url(../Imagenes/Menu_nivel2-02.png) no-repeat 20px 3px;
}
.menu-vertical li:hover{
	margin: 0px;
	padding: 2px;
	list-style: none;
	color:#0e7aa7;
	text-align:left;
	padding-left:35px;
	background:#cedbdb url(../Imagenes/Menu_nivel2-01.png) no-repeat 20px 3px;
}

.ultima-li{
	margin:0px;
	padding: 2px;
	list-style: none;
	border-bottom:1px solid #0e7aa7;
	border-left:1px solid #0e7aa7;
	border-right:1px solid #0e7aa7;
	color:#000000;
	text-align:left;
	padding-left:10px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	/*para Mozilla*/
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
}

.menu-vertical a{
	display: block;
	color:#0e7aa7;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}
.menu-vertical a:hover{
	display: block;
	color:#550000;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}

/*Estilos para MENU ICONOS*/
.menu-icono{
	padding-left:10px;
	margin-top: 2px;/*10px*/
	margin-bottom:20px;
}
.menu-icono img{
	border:1px solid #0e7aa7;
	margin:1px;
	padding:5px;
}
.menu-icono img:hover{
	border:1px solid #ff8605;
	margin:1px;
	padding:5px;
}
.menu-icono p{
	padding:0px;
	margin:3px;
	text-align:center;
}


/*Estilos para MENU HORIZONTAL*/
.menu-horizontal{
	height:40px;
	background:#ccc;
}

/*Estilos para CONTENIDO PRINCIPAL*/
.contenido-principal{
	padding:0px;
	color:#000000;
	margin-top:0px;
	background-image: url(../Imagenes/Contenido-01.png);
	background-repeat:repeat-x;
}
.contenido-principal  h1, h2, h3{
	color:#000055;
	margin:0px;
}
.contenido-principal p{
	color:#000044;
	text-align:justify;
	padding:2px;
	margin:10px;
}
.contenido-fondo{
	padding:0px;
	margin-top:2px;/*10px*/
	background-image: url(../Imagenes/Contenido-01.png);
	background-repeat:repeat-x;
}
.contenido-fondo-menu{
	padding:0px;
	margin-top:2px;/*10px*/
	background-image: url(../Imagenes/Contenido-01.png);
	background-repeat:repeat-x;
}
/*Estilos para FOOTER*/
.footer{
	background-image: url(../Imagenes/Footer-01.png);
	background-repeat:no-repeat;
	/*background-color:#AEE2AF;*/
	border-top:2px solid #000000;
	height:50px;
}
.tabla-footer{
	color:#555555;
	text-align:right;
	margin-top:0px;
	font-size:small;
	line-height:14px;
	width:500px;
}
/*Estilos para AVISOS*/
.avisos{
	height:190px;
	width:188px;
	border:1px solid #444444;
	border-top-left-radius: 7px;
	border-bottom-right-radius: 7px;
	/*para Mozilla*/
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px;
	background-image: url(../Imagenes/Aviso-01.png);
	background-repeat:repeat-x;
	margin-top:20px;
	margin-bottom:20px;
}
.avisos h2{
	margin-top:6px;
	margin-left:10px;
	padding-left:40px;
	color:#00703A;
}
.avisos p{
	color:#440000;
	margin:4px;
}
.nueva{
	background-image: url(../Imagenes/Globe.png);
	background-repeat:no-repeat;
	width:32px;
}

/*Estilos para AVISOS*/
.tips{
	height:200px;
	width:188px;
	border:1px solid #812c00;
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	/*para Mozilla*/
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	background-image: url(../Imagenes/Tips-01.png);
	background-repeat:repeat-x;
	margin-top:2px;/*10px*/
}
.tips h2{
	margin-top:6px;
	margin-left:10px;
	padding-left:40px;
	color:#F38132;
}
.tips p{
	color:#440000;
	margin-left:10px
}
.idea{
	background-image: url(../Imagenes/Light.png);
	background-repeat:no-repeat;
	width:32px;
}
.tooltipz{

	margin:0px;
	padding:0px;
}
.tooltipz li{
	font-size:small;
}

/*Estilos para AYUDA*/
.help{
	cursor:hand;
	background:  url(../Imagenes/Info2.png);
	background-repeat:no-repeat;
	height:18px;
	width:18px;
	padding-top:8px;
}

/*Estilos para POSICION*/
.alineado-izquierdo{
	margin:0px;
	padding:0px;
	float:left;
	position:relative;
}
.alineado-derecho{
	margin:0px;
	padding:0px;
	float:right;
	position:relative;
	display:right;
}


/*marquesina*/
#marqueecontainer{
	position: relative;
	height: 250px; /*marquee height */
	background-color: white;
	overflow: hidden;
	border: 1px solid #AAAAAA;/*#26a4bd*/
	background-color: #eef1f2;	
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	/*para Mozilla*/
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	/**/
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-top-radius: 5px;
	-webkit-border-bottom-bottom-radius: 5px;
}

.marquez{
	position: absolute; 
	width: 550px; 
	background-color: #eef1f2;	
}

/*MENSAJES*/
.info, .exito, .alerta, .error_ ,.pregunta, .pregunta_critica{
    font-family:Helvetica,Arial,  sans-serif; 
    font-size:13px;
    border-top: 4px solid;
	border-bottom:4px solid;
    margin: 10px 0px;
    padding:150px 10px 15px 0px;
    background-repeat: no-repeat;
    background-position:  60px top;
    position:relative;
	text-align:left;
	width: 400px; 
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../Imagenes/info.png');
	margin-left:10px;
	padding-left:120px;
	padding-top:0px;
}
.exito {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../Imagenes/Notificacion.png');
	margin-left:10px;
	padding-left:120px;
	padding-top:0px;
}
.alerta {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../Imagenes/Advertencia.png');
	margin-left:10px;
	padding-left:120px;
	padding-top:0px;
}
.error_ {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../Imagenes/error.png');
	margin-left:10px;
	padding-left:120px;
	padding-top:0px;
}
.error{
    color: #D8000C;
    background-color: #FFBABA;
  	margin-left:0px;
	padding-left:0px;
	text-align:left;
	padding-top:0px;
}
.pregunta{
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../Imagenes/Pregunta.png');
	margin-left:10px;
	padding-left:120px;
	padding-top:0px;
}
.pregunta_critica{  
	color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../Imagenes/Pregunta.png');
	margin-left:10px;
	padding-left:120px;
	padding-top:0px;
}
/*LOGIN*/
.loginn{
	width:950px;
	background-color:#000044;
	color:#AAAAAA;
	padding-left:5px;
	padding-top: 1px;
	padding-right: 5px;	
}

.asterisco{
	color:#1A9AF0; 
	font-size:14px;
	padding-top:4px;	
}

/* CSS Tabs */
#navcontainer{margin-left: 10px; background-color: #EEEEEE;}
#navlist {padding: 3px 0;margin-left: 0;border-bottom: 1px solid #1A9AF0;font: bold 12px Verdana, sans-serif;}
#navlist li {list-style: none;margin: 0;display: inline;}
#navlist li a {
	padding: 3px 0.5em;
	margin-left: 1px;
	border: 1px solid #1A9AF0;
	border-bottom: none;
	background: #CDE3EA;
	text-decoration: none;
	/*bordes curvos*/
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	/*para Mozilla*/
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;

	/**/
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
#navlist li a:link {color: #000055;}
#navlist li a:visited {color: #000055;}
#navlist li a:hover {color: #990000 ;background: #FFF;border-color: #227;}
#navlist li a#current {
	background: #BFDCE2;
	border-bottom: 1px solid #BFDCE2;
	border-left: 1px solid #1A9AF0;
	border-right: 1px solid #1A9AF0;
	border-top: 1px solid #1A9AF0;
	/*bordes curvos*/
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	/*para Mozilla*/
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	
	/**/
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
/*datatable iconos*/
.css_right {
	float: right;
}

.css_left {
	float: left;
}